<template>
  <div>
    <h2>hello world</h2>
    <CButton
      type="danger"
      size="medium"
      :round="true"
      :disabled="true"
      :loading="true"
      icon-placement="left"
    >
      按钮
    </CButton>
    <c-button
      size="large"
      type="success"
      icon-placement="right"
      @click="handleClick"
      a="11"
    >
      点击
      <template #icon>
        <!-- 自定义图标为加载状态 -->
        <AddCircle></AddCircle>
      </template>
    </c-button>
  </div>
</template>

<script setup lang="ts">
import CButton from "@cp-ranmo/components/button";
import { AddCircle } from "@vicons/ionicons5";

// loading 会覆盖自定义图标

// 点击事件
const handleClick = (e: MouseEvent) => {
  console.log("点击", e);
};
</script>
